<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
  <title>消息中心</title>
  <meta name="viewport"
    content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  <link rel="stylesheet" type="text/css" href="../css/api.css" />
  <link rel="stylesheet" type="text/css" href="../css/aui.css" />
  <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
  <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
  <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
  <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
  <link rel="stylesheet" type="text/css" href="css/common.css" />
  <link rel="stylesheet" type="text/css" href="css/home_message.css" />
</head>

<body>
  <!-- v-cloak -->
  <div id="app" v-cloak>
    <!-- 账单内容 -->
    <div v-if="messageList.length>0||LiveChatList.length>0" class="myorder_main">
      <ul>
        <li class="myo_item" v-on:click="open_message_chatdetail(item,item.Type)" v-for="item in messageList">
          <div class="myo_item_lft">
            <div class="myo_item_toux">
              <span v-if="item.Type==3" class="rightSpan"><img src="../image/icon/back_err.png" /></span>
              <span v-if="item.Type==2" class="rightSpan"><img src="../image/icon/back_shengqing.png" /></span>
              <span v-if="item.Type==4" class="rightSpan"><img src="../image/icon/back_succeed.png" /></span>
              <span v-if="item.Type==1" class="rightSpan"><img src="../image/icon/order_send.png" /></span>
              <span v-if="item.Type==7" class="rightSpan"><img src="../image/icon/pro_up_err.png" /></span>
              <span v-if="item.Type==8" class="rightSpan"><img src="../image/icon/pro_up_succeed.png" /></span>
              <span v-if="item.Type==5" class="rightSpan"><img src="../image/icon/shop_up_err.png" /></span>
              <span v-if="item.Type==6" class="rightSpan"><img src="../image/icon/shop_up_succeed.png" /></span>
            </div>
          </div>
          <div class="myo_item_rgt btn_line">
            <div class="myo_rgt_title">
              <div class="myo_title_lft font-weight">
                {{item.Title}}
              </div>
              <div class="myo_title_rgt">
                {{item.CreateTime}}
              </div>
            </div>
            <div class="myo_rgt_time">
              <div class="myo_rgt_time_lft fl aui-ellipsis-1">{{item.TypeDesc}}</div>
              <div class="myo_rgt_time_rgt fr redbgcolor"></div>
            </div>
          </div>
        </li>
        <li  class="myo_item" v-on:click="open_message_chatdetail(item,201)" v-for="item in LiveChatList">
          <div class="myo_item_lft">
            <div class="myo_item_toux">
              <span class="rightSpan"><img :src="item.HeadImg" /></span>
            </div>
          </div>
          <div class="myo_item_rgt btn_line">
            <div class="myo_rgt_title">
              <div class="myo_title_lft font-weight">
                {{item.Name}}
              </div>
              <!-- <div class="myo_title_rgt">
                {{item.CreateTime}}
              </div> -->
            </div>
            <div class="myo_rgt_time">
              <div class="myo_rgt_time_lft fl aui-ellipsis-1">{{item.Content}}</div>
              <div class="myo_rgt_time_rgt fr redbgcolor"></div>
            </div>
          </div>
        </li>
      </ul>
    </div>
    <div v-if="(messageList!=undefined&&messageList.length<=0)&&(LiveChatList!=undefined&&LiveChatList.length<=0)" class="noshuju">
      <van-empty description="暂无数据" />
    </div>
  </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript " src="js/xiaoxi_list.js"></script>

</html>